<script setup lang="ts">
import { useSharedRef } from './theRef'

const sRef2 = useSharedRef()
const sRefS2 = useSharedRefStore()
</script>

<template>
  <div>
    play2 `{{ sRef2 }}`
  </div>
  <ElButton underline @click="sRef2 = `${sRef2}!`">
    add!
  </ElButton>

  <div>
    pinia play2 `{{ sRefS2.theRef }}`
  </div>
  <ElButton underline @click="sRefS2.theRef = `${sRefS2.theRef}!`">
    pinia add!
  </ElButton>
</template>
